﻿<script src="~/Scripts/Controllers/MagazineController.js"></script>
<!-- main-container start -->
<!-- ================ -->
<section class="main-container" ng-controller="MagazineController">
    <div class="container">
        <div class="row">
            <!-- main start -->
            <!-- ================ -->
            <div class="main col-md-12">
                <!-- page-title start -->
                <!-- ================ -->
                <h1 class="page-title">Magazine</h1>
                <div class="separator-2"></div>
                <p class="lead">We publish a monthly magazine – ‘Dharisanam’ – for the spiritual nourishment of people. We also print and publish spiritual books authored by eminent servants of God from our own organization.</p>
                <!-- page-title end -->
                <!-- isotope filters start -->
                <!-- isotope filters end -->
                <!-- portfolio items start -->
                <div class="image-boxes isotope-container row">
                     @Html.Raw(ViewBag.vbArticle)
                    @*<div class="col-md-3 col-sm-6 isotope-item web-design">
                        <div class="image-box">
                            <div class="overlay-container">
                                <img src="images/portfolio-1.jpg" alt="">
                                <div class="overlay">
                                    <div class="overlay-links">
                                        <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
                                        <a href="images/portfolio-1.jpg" class="popup-img"><i class="fa fa-search-plus"></i></a>
                                    </div>
                                    <span>Web Design</span>
                                </div>
                            </div>
                            <div class="image-box-body">
                                <h3 class="title"><a href="portfolio-item.html">Project Title</a></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci accusamus accusantium.</p>
                                <a href="portfolio-item.html" class="link"><span>Read More</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 isotope-item app-development">
                        <div class="image-box">
                            <div class="overlay-container">
                                <img src="images/portfolio-2.jpg" alt="">
                                <div class="overlay">
                                    <div class="overlay-links">
                                        <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
                                        <a href="images/portfolio-2.jpg" class="popup-img"><i class="fa fa-search-plus"></i></a>
                                    </div>
                                    <span>App Development</span>
                                </div>
                            </div>
                            <div class="image-box-body">
                                <h3 class="title"><a href="portfolio-item.html">Project Title</a></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci accusamus accusantium.</p>
                                <a href="portfolio-item.html" class="link"><span>Read More</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 isotope-item web-design">
                        <div class="image-box">
                            <div class="overlay-container">
                                <img src="images/portfolio-3.jpg" alt="">
                                <div class="overlay">
                                    <div class="overlay-links">
                                        <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
                                        <a href="images/portfolio-3.jpg" class="popup-img"><i class="fa fa-search-plus"></i></a>
                                    </div>
                                    <span>Web Design</span>
                                </div>
                            </div>
                            <div class="image-box-body">
                                <h3 class="title"><a href="portfolio-item.html">Project Title</a></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci accusamus accusantium.</p>
                                <a href="portfolio-item.html" class="link"><span>Read More</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 isotope-item site-building">
                        <div class="image-box">
                            <div class="overlay-container">
                                <img src="images/portfolio-4.jpg" alt="">
                                <div class="overlay">
                                    <div class="overlay-links">
                                        <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
                                        <a href="images/portfolio-4.jpg" class="popup-img"><i class="fa fa-search-plus"></i></a>
                                    </div>
                                    <span>Site Building</span>
                                </div>
                            </div>
                            <div class="image-box-body">
                                <h3 class="title"><a href="portfolio-item.html">Project Title</a></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci accusamus accusantium.</p>
                                <a href="portfolio-item.html" class="link"><span>Read More</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 isotope-item app-development">
                        <div class="image-box">
                            <div class="overlay-container">
                                <img src="images/portfolio-5.jpg" alt="">
                                <div class="overlay">
                                    <div class="overlay-links">
                                        <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
                                        <a href="images/portfolio-5.jpg" class="popup-img"><i class="fa fa-search-plus"></i></a>
                                    </div>
                                    <span>App Development</span>
                                </div>
                            </div>
                            <div class="image-box-body">
                                <h3 class="title"><a href="portfolio-item.html">Project Title</a></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci accusamus accusantium.</p>
                                <a href="portfolio-item.html" class="link"><span>Read More</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 isotope-item web-design">
                        <div class="image-box">
                            <div class="overlay-container">
                                <img src="images/portfolio-6.jpg" alt="">
                                <div class="overlay">
                                    <div class="overlay-links">
                                        <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
                                        <a href="images/portfolio-6.jpg" class="popup-img"><i class="fa fa-search-plus"></i></a>
                                    </div>
                                    <span>Web Design</span>
                                </div>
                            </div>
                            <div class="image-box-body">
                                <h3 class="title"><a href="portfolio-item.html">Project Title</a></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci accusamus accusantium.</p>
                                <a href="portfolio-item.html" class="link"><span>Read More</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 isotope-item site-building">
                        <div class="image-box">
                            <div class="overlay-container">
                                <img src="images/portfolio-7.jpg" alt="">
                                <div class="overlay">
                                    <div class="overlay-links">
                                        <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
                                        <a href="images/portfolio-7.jpg" class="popup-img"><i class="fa fa-search-plus"></i></a>
                                    </div>
                                    <span>Site Building</span>
                                </div>
                            </div>
                            <div class="image-box-body">
                                <h3 class="title"><a href="portfolio-item.html">Project Title</a></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci accusamus accusantium.</p>
                                <a href="portfolio-item.html" class="link"><span>Read More</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 isotope-item web-design">
                        <div class="image-box">
                            <div class="overlay-container">
                                <img src="images/portfolio-8.jpg" alt="">
                                <div class="overlay">
                                    <div class="overlay-links">
                                        <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
                                        <a href="images/portfolio-8.jpg" class="popup-img"><i class="fa fa-search-plus"></i></a>
                                    </div>
                                    <span>Web Design</span>
                                </div>
                            </div>
                            <div class="image-box-body">
                                <h3 class="title"><a href="portfolio-item.html">Project Title</a></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci accusamus accusantium.</p>
                                <a href="portfolio-item.html" class="link"><span>Read More</span></a>
                            </div>
                        </div>
                    </div>*@
                </div>
                <!-- portfolio items end -->

            </div>
            <!-- main end -->

        </div>
    </div>
</section>
